import React from 'react'
import Link from 'next/link'

export default class RankList extends React.Component {
    constructor(props) {
        super(props)
    }

    render() {
        return (
            <div>
                <Link href={'/article?param=' + this.props.articleId} prefetch>
                    <a className="readText">{this.props.readText}</a>
                </Link>
                <a className="readNum">{this.props.readNum}次阅读</a>
                <style jsx>{`
                   div{
                        margin: 8px 15px;
                   }
                   .readText{
                        font-size: 13px;
                   }
                   .readNum{
                        margin: 0 0 0 3px;
                        font-size: 11px;
                        color: #9b9b9b;
                   }
                `}</style>
            </div>
        )
    }
}